<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>音乐云 - 登录</title>
    <link rel="stylesheet" href="../css/styles.css">
    <script src="../js/jquery.min.js"></script>
</head>
<body>
<div class="login-container">
    <h2 class="login-title">音乐云</h2>

    <!-- 登录/注册切换 -->
    <div class="form-tabs">
        <div class="form-tab active" id="login-tab">登录</div>
        <div class="form-tab" id="register-tab">注册</div>
    </div>

    <!-- 登录表单（补充login-submit按钮和login-message提示） -->
    <form id="login-form" class="form-panel active">
        <div class="form-group">
            <label class="form-label">用户名</label>
            <input type="text" id="login-username" class="form-input" placeholder="请输入用户名" required>
        </div>
        <div class="form-group">
            <label class="form-label">密码</label>
            <input type="password" id="login-password" class="form-input" placeholder="请输入密码" required>
        </div>
        <!-- 错误提示：与JS中的$("#login-message")对应 -->
        <div class="form-group text-red-500 text-sm" id="login-message"></div>
        <div class="form-group">
            <!-- 登录按钮：与JS中的$("#login-submit")对应 -->
            <button type="button" id="login-submit" class="upload-btn w-full">登录</button>
        </div>

    </form>

    <!-- 注册表单（补充register-submit按钮和register-message提示） -->
    <form id="register-form" class="form-panel" style="display: none;">
        <div class="form-group">
            <label class="form-label">用户名</label>
            <input type="text" id="register-username" class="form-input" placeholder="请输入用户名" required>
        </div>
        <div class="form-group">
            <label class="form-label">密码</label>
            <input type="password" id="register-password" class="form-input" placeholder="请输入密码" required>
        </div>
        <!-- 错误提示：与JS中的$("#register-message")对应 -->
        <div class="form-group text-red-500 text-sm" id="register-message"></div>
        <div class="form-group">
            <!-- 注册按钮：与JS中的$("#register-submit")对应 -->
            <button type="button" id="register-submit" class="upload-btn w-full">注册</button>
        </div>
    </form>
</div>

<script src="../js/jquery.min.js"></script>
<script src="../js/login.js"></script>

</body>
</html>